<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt_rt" prefix="fmt"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><spring:message  code="pim"/> - <spring:message  code="homepage"/>
</title>
<link href="<%= request.getContextPath() %>/css/custom.css" rel="stylesheet" type="text/css" />
<link href="<%= request.getContextPath() %>/css/style.css" rel="stylesheet" type="text/css" />
<link href="<%= request.getContextPath() %>/css/v.css" rel="stylesheet" type="text/css" />
<link href="<%= request.getContextPath() %>/css/jquery.ui.slider.css" rel="stylesheet" type="text/css" />
<link href="<%= request.getContextPath() %>/css/modal.css" rel="stylesheet" type="text/css" />
<link href="<%= request.getContextPath() %>/css/slideshow.css" rel="stylesheet" type="text/css" />
<link href="<%= request.getContextPath() %>/css/skitter.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-ui-1.8.14.custom.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/caption.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/modal.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/mootools.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/slider.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.date.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.easing.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.color.animation.js"></script>
<%@include file="script/pim-util.jsp" %>
<%@include file="script/remember-me.jsp" %>
<script type="text/javascript">
	function onChangeLocale(lang) {
	    var newURL = "";
	    var questionMarkLocation = document.URL.indexOf("?");
	    if (questionMarkLocation != -1) {
	        newURL = document.URL.substring(0, questionMarkLocation); 
	    } else {
	        newURL = document.URL;
	    }
	    newURL = newURL + "?locale=" + lang;
	   document.location=newURL;
	}
	
	window.addEvent('domready', function() {
		$$('a.modal').each(function(el) {
			el.addEvent('click', function(e) {
				new Event(e).stop();
				SqueezeBox.fromElement(el);
			});
		});
	});

	window.addEvent('domready', function() {
		var Slider48 = new DJImageSlider({
			id : '48',
			slider_type : 0,
			slide_size : 350,
			visible_slides : 1,
			show_buttons : 1,
			show_arrows : 1,
			preload : 800
		}, {
			auto : 1,
			transition : Fx.Transitions.Cubic.easeInOut,
			duration : 800,
			delay : 3800
		})
	});
	
	var ass23 = jQuery.noConflict();
	ass23(document).ready(function() {
		ass23('.box_skitter_large23').skitter(
		{
			dots : false,
			fullscreen : false,
			label : true,
			interval : 5000,
			navigation : true,
			label : true,
			numbers : false,
			hideTools : true,
			thumbs : false,
			velocity : 1,
			animation : "random",
			animateNumberOut : {
				backgroundColor : '#333',
				color : '#fff'
			},
			animateNumberOver : {
				backgroundColor : '#000',
				color : '#fff'
			},
			animateNumberActive : {
				backgroundColor : '#cc3333',
				color : '#fff'
			}
		}
		);
	});
</script>
<style type="text/css">
a.hotnews 
{
	text-decoration: none;
	color: #006AB5 !important;		
}
a.hotnews:hover
{
	text-decoration: underline;
}
.hotNewsTitle
{
	color: white;		
}
</style>
</head>
<body>
<div id="all">
<div id="wrapper">
<div id="mainheader">
  <jsp:include page="include/common/headerNotSignIn.jsp" />
</div> 
<div id="content-wrapper">
 <div id="top-menu">
    <jsp:include page="include/common/topMenuHome.jsp" />
 </div>
 <form:form method="post" commandName="user" name="frmLogin">
  <table width="960px" style="margin: -2px;">
      <tr>
	      <td>
		     <c:choose>
		        <c:when test="${bean.isSigned == true}">
		          <jsp:include page="include/home/homeSignedIn.jsp" />
		        </c:when>
		        <c:otherwise>       
				   <jsp:include page="include/home/homeNotSignIn.jsp" />
		        </c:otherwise>
		     </c:choose> 
	      </td>	     
	      <td nowrap="nowrap">
             <object width="600" height="241" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0">
                <param name="movie" value="<%=request.getContextPath()%>/swf/Progate_Prosim.swf">
                <param name="quality" value="high">
                <param name="wmode" value="transparent">
                <embed width="600" height="241" src="<%=request.getContextPath()%>/swf/Progate_Prosim.swf" type="application/x-shockwave-flash" >
              </object>
	      </td>
      </tr>
  </table>
  </form:form>
 <div id="main-content">
 <div class="v-row">
 <div class="v-row-left">
   <div class="v-big-frame" >	      
	      <c:if test="${bean.isAdmin == true}">
	       <div class="v-row v-row-left">
	            <span class="v-bt-edit">
		    	   <a href="editCompany.htm?id=overview" ><spring:message  code="edit"/></a>
		    	</span>
	       </div>
	      </c:if>	
          <div class="v-description v-row">${bean.company.overview}</div>
   </div> 	
</div>
<div class="v-row-right">
	<div class="v-frame">
			<div style="background-color: #006AB5; font-size: 14px; padding: 5px;">			
				<span class="hotNewsTitle"><spring:message  code="title.announcement"/></span>
			</div>
			
			<div style="margin-left: 15px;" >
				<marquee behavior="scroll" direction="up" scrollamount="1" height="200px"
						onmouseout="this.start()" 
						onmouseover="this.stop()">${bean.announcementLinks}</marquee>
			</div>
	</div>
	
	<div class="v-frame" >
		<div style="background-color: #006AB5; font-size: 14px; padding: 5px;">
			<span class="hotNewsTitle"><spring:message  code="title.up.coming.event"/></span>			
		</div>
		
		<div style="margin-left: 15px;" >
			<marquee behavior="scroll" direction="up" scrollamount="1" height="200px"
					onmouseout="this.start()" 
					onmouseover="this.stop()">${bean.upcomingEventLinks}</marquee>
		</div>
	</div>	
	
	<div class="v-frame">
			<div style="background-color: #006AB5; font-size: 14px; padding: 5px;color: white;">			
				<span class="hotNewsTitle"><spring:message  code="title.gallery"/></span> 
				<c:if test="${bean.isAdmin}">				
					
						<c:choose>
							<c:when test="${bean.slideShowCount > 0 }">
							<span class="v-bt-edit" style="color: white;"> 
								<c:url value="handleSlideShow.htm?cmd=edit" var="updateSlideShowURL"/>
								<a href="${updateSlideShowURL}" class="v-link" style="text-decoration: none;color: white;">
									<spring:message code="button.update" />
								</a>
							</span>	
							</c:when>	
							<c:otherwise>
								<c:url value="handleSlideShow.htm?cmd=add" var="addSlideShowURL"/>
								<a href="${addSlideShowURL}" class="v-link" style="text-decoration: none;color: white;"> +
									<spring:message code="button.add" /> 
								</a>
							</c:otherwise>
						</c:choose>							
			    </c:if>	                 				
			</div>
						
			<div class="djslider-loader" id="djslider-loader48" style="background: url(&quot;blank.gif&quot;) no-repeat scroll center center transparent;">
			    <div class="djslider" id="djslider48" style="visibility: visible; opacity: 1; display: block;">
			        <div class="slider-container" id="slider-container48">
			        	<ul id="slider48" style="position: relative; left: 0px; width: 1750px;">
				        	<c:choose>
								<c:when test="${bean.slideShowCount > 0 }">
									<c:forEach items="${bean.slideShowList}" var="slideShow">																																											
							            <li>
											<a target="_self" href="${slideShow.path}" class="modal">
											   <img alt="${slideShow.title}" src='${slideShow.path}' >	
											</a>																														
										</li>
									</c:forEach>																														
								</c:when>																
							</c:choose>	      		            
			            </ul>
			        </div>
			        
			        <div class="navigation-container" id="navigation48">
			        	<img alt="Previous" src="<%=request.getContextPath()%>/images/prev.png" class="prev-button" id="prev48" style="visibility: hidden; opacity: 0;">
						<img alt="Next" src="<%=request.getContextPath()%>/images/next.png" class="next-button" id="next48" style="visibility: hidden; opacity: 0;">
						<img alt="Play" src="<%=request.getContextPath()%>/images/play.png" class="play-button" id="play48" style="visibility: hidden; opacity: 0; left: 145px; display: none;">
						<img alt="Pause" src="<%=request.getContextPath()%>/images/pause.png" class="pause-button" id="pause48" style="visibility: hidden; opacity: 0; left: 145px; display: none;">
			        </div>
			        
					<div class="navigation-container-custom" id="cust-navigation48">
					    <c:choose>
								<c:when test="${bean.slideShowCount > 0 }">
									<c:forEach items="${bean.slideShowList}" var="slideShow">																																											
							            <span class="load-button"></span>
									</c:forEach>																														
								</c:when>																
						</c:choose>					
			        </div>
			    </div>
			</div>				
			<div style="clear: both"></div>					                          																	
	</div>
</div>
</div>
</div>
</div>
<div class="footer">
    <jsp:include page="include/common/footer.jsp" />
</div>
</div>
</div>
</body>
</html>